.carousel-container { display: flex; align-items: center; justify-content: center; margin-top: 10px; }
.carousel { display: flex; overflow: hidden; width: 1200px; height: 400px; }
.carousel-track { display: flex; transition: transform 0.5s ease-in-out; }
.card-ct { min-width: 360px; margin: 10px 20px; border-radius: 5px; overflow: hidden; background: #004aad; }
.card-ct img { width: 100%; height: 400px; object-fit: cover;}
.card-content h2 { padding:16px 2px 0 9px;color: #ffffff; font-size: 25px; font-weight: bold;margin-bottom: 0px; text-align: center;}
.card-content p { padding:0 15px;color: #ffffff; font-size: 15px;  margin-top: 2px; margin-bottom: 10px;}
button { background: #004aad; color: #fff; border: none; padding: 5px 5px; cursor: pointer; border-radius: 50%; margin: 0 10px; }

  @media (max-width: 1500px) {
    .card-ct { min-width: 360px; margin: 10px 20px; border-radius: 5px; overflow: hidden; background: #004aad; }
    .carousel { display: flex; overflow: hidden; width: 1200px; height: 400px; }
    .card-ct img { width: 100%; height: 400px; object-fit: cover;}
      .prev2 { z-index: 888; padding:100px 0px;font-size: 5px;margin:0px; left: 0px;}
      .next2 { z-index: 888; padding:100px 0px;font-size: 5px;margin:0px; right: 0px;}
      .card-content h2 { padding:16px 2px 0 9px;color: #ffffff; font-size: 22px; font-weight: bold;margin-bottom: 0px;text-align: center;}
    .card-content p { padding:0 15px;color: #ffffff; font-size: 15px;  margin-top: 2px; margin-bottom: 10px;}
  }

  /* Responsive adjustments */
  @media (max-width: 768px) {
    .card-ct { min-width: 350px;margin:10px 20px 10px 20px; border-radius: 20px; overflow: hidden; background: #004aad;height: 310px; }
    .carousel { width: 460px; height: 320px;}
    .card-ct img {width: 100%;height: 310px;}
      .prev2 { z-index: 888; padding:100px 0px;font-size: 5px;margin:0px; left: 0px;}
      .next2 { z-index: 888; padding:100px 0px;font-size: 5px;margin:0px; right: 0px;}
      .card-content h2 { padding:16px 2px 0 9px;color: #ffffff; font-size: 22px; font-weight: bold;margin-bottom: 0px;text-align: center;}
    .card-content p { padding:0 15px;color: #ffffff; font-size: 15px;  margin-top: 2px; margin-bottom: 10px;}
  }

@media (max-width: 400px) {
    .card-ct { min-width: 320px;margin:10px 20px 10px 20px; border-radius: 20px; overflow: hidden; background: #004aad;height: 310px; }
    .carousel { width: 400px; height: 320px;}
    .card-ct img {width: 100%;height: 310px;}
    .card-content h2 { padding:16px 2px 0 9px;color: #ffffff; font-size: 20px; font-weight: bold;margin-bottom: 0px; text-align: center;}
    .card-content p { padding:0 15px;color: #ffffff; font-size: 13px;  margin-top: 2px; margin-bottom: 10px;}
      .prev2 { z-index: 888; font-size: 5px;margin:0px; left: 0px;}
      .next2 { z-index: 888; font-size: 5px;margin:0px; right: 0px;}
}